
<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>网站建设-案例展示-俊贰网络</title>
        <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="/favicon.png">
    <link rel="stylesheet" href="views/css/amazeui.css">
    <link rel="stylesheet" href="views/css/style.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>

    <![endif]-->
</head>
<!--[if lt IE 9]>
<div class="am-modal am-modal-no-btn am-modal-active" tabindex="-1" id="doc-modal-1" style="display: block; width: 400px; margin-left: -200px; margin-top: -112px;">
<div class="am-modal-dialog">
<div class="am-modal-hd">365 安全卫士提醒</div>
<div class="am-modal-bd">你的浏览器太古董了，还不换一个你就奥特曼了
    <a href="http://browsehappy.com/" target="_blank" class="am-btn am-btn-danger am-btn-sm am-radius" rel="nofollow">速速点击换一个</a>
    </div>
</div>
</div>
<![endif]-->
<body>
<div th:replace="../templates/common/common :: view_header"></div>
<div class="m-header-banner m-list-header" style="background: url(views/images/case-bg.jpg) 50% 0 no-repeat fixed;">
    <section class="am-container">
    <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 339}">
        <h2>案例</h2>
        <p>力求视觉与交互的完美契合，以规范的流程和专注的态度，为您提供全方位的设计服务。</p>
    </hgroup>
    </section>
</div>

<nav class="m-cat-nav">
    <ul class="am-container">
                      <li ><a href="/wangzhan.html"><i class="icon-chevron-right"></i>案例展示</a></li>
                      <li class="am-active" ><a href="/wangzhan/"><i class="icon-chevron-right"></i>网站建设</a></li>
                      <li ><a href=""><i class="icon-chevron-right"></i>电商设计</a></li>
                      <li ><a href=""><i class="icon-chevron-right"></i>平面设计</a></li>
              </ul>
</nav>
<div class="am-container m-list">
    <article>
        <section class="m-case-list">
            <ul class="am-avg-sm-1 am-avg-md-2 am-avg-lg-3 am-thumbnails">
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="广州立冠创新科技有限公司" data-echo="uploadfiles/image/201509/7.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>广州立冠创新科技有限</h3>
                            <p>一家专业从事机箱电源的企业</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="南京启凡英语课程专题" data-echo="uploadfiles/image/201509/32.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>南京启凡英语课程专题</h3>
                            <p>南京唯一一家欧洲教育管理培训中心</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="广州唯一印象婚纱摄影" data-echo="uploadfiles/image/201509/23.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>广州唯一印象婚纱摄影</h3>
                            <p>专注高端定制婚纱摄影</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="西安市纪丰电子科技有限公司" data-echo="uploadfiles/image/201509/12.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>西安市纪丰电子科技有</h3>
                            <p>专业音响、舞台灯光、智能会议室中控、会议麦克风工程</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="SOLOVE素乐" data-echo="uploadfiles/image/201509/46.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>SOLOVE素乐</h3>
                            <p>我想我会遇见你，像恋人般重逢美丽</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="佛山花田婚纱摄影工作室" data-echo="uploadfiles/image/201509/45.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>佛山花田婚纱摄影工作</h3>
                            <p>广州最多人选择的婚纱摄影工作室</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="青城马术俱乐部" data-echo="uploadfiles/image/201509/7.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>青城马术俱乐部</h3>
                            <p>专业的马术健身场所</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                            <li>
                    <figure class="effect-lily">
                        <img src="views/images/loading.gif" alt="广州罗曼视觉婚纱摄影工作室" data-echo="uploadfiles/image/201509/8.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>广州罗曼视觉婚纱摄影</h3>
                            <p>专业婚纱摄影设计团队</p>
                            <a href="/post/62.html">View more</a>
                        </figcaption>
                    </figure>
                </li>
                        </ul>
                    </section>
    </article>
</div>
<footer class="m-footer">

<div class="am-container">
    <section class="am-g m-footer-container">
        <section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
            <h2>关于我们</h2>
            <p>俊贰网络成立于2010年，专注高端网站建设、视觉设计、平面设计、广告拍摄、产品摄影、营销策划和品牌网络推广为一体的创新高端公司，拥有超过8年行业经验的资深团队及设计、开发、摄影、营销、开发经验，强悍创新的视觉执行力<a href="/about.html" rel="nofollow">更多</a></p>
        </section>
        <section class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                <h2>最新资讯</h2>
            <ul>
                                <li><time class="am-fr">90次阅读</time><a href="/post/151">台山社保局</a></li>
                                <li><time class="am-fr">67次阅读</time><a href="/post/150">江门市外海小学</a></li>
                                <li><time class="am-fr">72次阅读</time><a href="/post/148">恩城三小</a></li>
                            </ul>
        </section>
        <section class="am-u-sm-12 am-u-md-6 am-u-lg-3 subnav">
            <h2>其他</h2>
            <a href="" rel="nofollow">网站欣赏</a> <a href="/sitemap.html">网站地图</a> <a href="" rel="nofollow">合作流程</a> <a href="" rel="nofollow">帮助中心</a> <a href="/contact.html" rel="nofollow">联系我们</a>
        </section>
    </section>
    </div>

<div class="m-footer-bottom">
    <div class="am-container">
    <div class="am-g">
        <span class="m-u-sm-12 am-u-md-9 am-u-lg-10">Copyright @ 2010 - 2015 www.imj2.com. All Rights Reserved .模板收集自 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> -  More Templates  <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a><a href="http://www.miitbeian.gov.cn/" rel="external nofollow">粤ICP备11092500号-1</a> 
</span>
        <span class="m-u-sm-12 am-u-md-3 am-u-lg-2 ico am-text-right am-hide-sm-only a">
            <a href="" data-am-popover="{content: '888888', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-qq"></i></a>
            <a href="" data-am-popover="{content: '13700000000', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-phone-square"></i></a>
            <a href="" data-am-popover="{content: '13700000000', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-weixin"></i></a>
            <a href="" data-am-popover="{content: 'mail@qq.com', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-envelope"></i></a>
        </span>
    </div>
    </div>
</div>
</footer>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="views/js/polyfill/rem.min.js"></script>
<script src="views/js/polyfill/respond.min.js"></script>
<script src="views/js/amazeui.legacy.js"></script>
<![endif]-->
 <script src="views/js/echo.min.js"></script>
 <script>
  echo.init({
    offset: 100,
    throttle: 250,
    unload: false,
    callback: function (element, op) {
      console.log(element, 'has been', op + 'ed')
    }
  });
  // 图片赖加载
  </script>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="views/js/jquery.min.js"></script>
<script src="views/js/amazeui.min.js"></script>
<!--<![endif]-->
<script src='views/js/jquery.qrcode.min.js'></script>
<script type="text/javascript">
$(function(){
    var str = "http://www.imj2.com/wangzhan/";
        $("#code").qrcode({
            render: "table",
            width: 100,
            height:100,
            text: str
        });
})
// 二维码生成
//返回顶部
function imj2(){
    this.init();
}
imj2.prototype = {
    constructor: imj2,
    init: function(){
        this._initBackTop();
    },
    _initBackTop: function(){
        var $backTop = this.$backTop = $('<div class="m-top-cbbfixed">'+
                        '<a class="m-top-weixin m-top-cbbtn"">'+
                            '<span class="m-top-weixin-icon"></span><div></div>'+
                        '</a>'+
                        '<a class="m-top-go m-top-cbbtn">'+
                            '<span class="m-top-goicon"></span>'+
                        '</a>'+
                    '</div>');
        $('body').append($backTop);

        $backTop.click(function(){
            $("html, body").animate({
                scrollTop: 0
            }, 120);
        });

        var timmer = null;
        $(window).bind("scroll",function() {
            var d = $(document).scrollTop(),
            e = $(window).height();
            0 < d ? $backTop.css("bottom", "10px") : $backTop.css("bottom", "-90px");
            clearTimeout(timmer);
            timmer = setTimeout(function() {
                clearTimeout(timmer)
            },100);
       });
    }

}
var imj2 = new imj2();
//end返回顶部
</script>


</body>
</html>